<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" href="../css/cart.css" />
		<script type = "text/javascript" src = "../js/require.js" defer async="true" data-main ="../js/cart"></script>
	</head>
	<body>
		<!--top部分-->
		<section id = "jhmTopContainer" class = "jhm-top-container">
			<div id = "jhmTop" class = "jhm-top">
				<ul class = "top-nav">
					<div id="topLoginContainer" class = "top-login-container">
						<span id = "topLogin">
							<a href="#" class = "top-denglu">登录</a>
							<span class = "spacer">|</span>
							<a href="#" class = "top-zhuce">注册有礼</a>
						</span>	
					</div>
					<li class = "spacer">|</li>
					<li>
						<a href="#">个人中心</a>
					</li>
					<li class = "spacer">|</li>
					<li>
						<a href="#">我的订单</a>
					</li>
					<li class = "spacer">|</li>
					<li>
						<a href="#">手机金海马</a>
					</li>
				</ul>
			</div>
		</section>
		<!--logo部分-->
		<header class = "register-head-container">
			<div class = "register-head clearfix">
				<!--logo部分-->
				<div class="logo">
					<a href="#">
						<img src="../img/registerimg/logo.png"/>
					</a>
				</div>
				<p class = "register-title">
					<span>购物车</span>
				</p>
			</div>
		</header>
		<div class="cart">
			<!--二维码模块-->
			<div class="cart-qrcode">
				<span class = "qrcode"></span>
				<span class = "qrcode-text"> 扫一扫，购物车瞬间转移到手机</span>
			</div>
			<!--购物车模块-->
			<div class="cart-table claerfix">
				<div class="cart-table-head">
					<ul>
						<li class = "cell-checkbox">
							<input class = "checkAll" type="checkbox" />
						</li>
						<li class = "cell-goods">商品</li>
						<li class = "cell-price">单价（元）</li>
						<li class = "cell-num">数量</li>
						<li class = "cell-sub">小计（元）</li>
						<li class = "cell-edit"></li>
					</ul>
				</div>
				<div class="cart-table-list">
					<li class = "cart-list-item">
						<ul class = "list-item-list">
							<li class = "cell-checkbox">
								<input class = "checkAll" type="checkbox" />
							</li>
							<li class = "cell-goods">
								<div class="item-list-img">
									<a class = "cart-img" href="#">
										<img src="../img/indeximg/floor-2-3.jpg"/>
									</a>
								</div>
								<div class="item-list-detail">
									<p class = "list-detail-title jqgoodName">现代简约 白色 大理石 客厅套装（茶几+电视柜）</p>
									<p class = "list-detail-title jqgoodInfo">茶几+地柜/电视柜 板木 白色</p>
								</div>
							</li>
							<li class = "normal">
								<p class = "jqgoodPrice">¥ 4270</p>
								<p>促销信息</p>
							</li>
							<li class = "normal">
								<div class = "spaner">
									<span class = "reduse">-</span>
									<input class = "jqCartNum" type="text" value = "1"/>
									<span class = "push">+</span>
								</div>
							</li>
							<li class = "normal">
								¥
								<span class = "jqgoodSum">4270.00</span>
							</li>
							<li class = "normal">
								<a class = "icon" href="#">
									<i class = "icon-like"></i>
								</a>
								<a class = "icon" href="#">
									<i class = "icon-dislike"></i>
								</a>
							</li>
						</ul>
					</li>
				</div>
				<div class="cart-table-foot">
					<ul>
						<li class = "cell-checkbox">
							<input class = "checkAll" type="checkbox" />
						</li>
						<li class = "cell-normal">
							<a class = "icon" href="#">
								<i class = "icon-dislike"></i>
							</a>
						</li>
						<li class = "cell-total">
							<p class = "total-detail">
								已选中
								<span class = "num">1</span>
								件商品，合计（不含运费）：
								<b class = "total-price">
									￥
									<span>4270.00</span>
								</b><br />
								已优惠：-￥
								<span>0.00</span>
							</p>
							<p class = "total-btn">
								<button class = "btn">去结算</button>
							</p>
						</li>
					</ul>
				</div>
			</div>
			<!--关注部分-->
			<div class="cart-focus claerfix">
				<ul class = "focus-list">
					<li class = "list-item">
						选择以上商品的人还关注
					</li>
					<li class = "list-item">
						我的足迹
					</li>
				</ul>
				<div class = "focus-list-content claerfix">
					<ul class = "cart-goods-list">
						<li class = "goods-item">
							<p class = "item-img">
								<a href="#">
									<img src="../img/cartimg/focus1.jpg"/>
								</a>
							</p>
							<p class = "item-title">
								<a href="#">现代简约 咖啡色 真皮 沙发组合（1+1（双扶手）+3+贵）坐下左</a>
							</p>
							<p class = "item-price">¥19793.00</p>
							<p class = "item-btn">
								<a class = "add-cart" href="#">加入购物车</a>
							</p>
						</li>
						<li class = "goods-item">
							<p class = "item-img">
								<a href="#">
									<img src="../img/cartimg/focus2.jpg"/>
								</a>
							</p>
							<p class = "item-title">
								<a href="#">现代简约 咖啡色 真皮 沙发组合（1+1（双扶手）+3+贵）坐下左</a>
							</p>
							<p class = "item-price">¥19793.00</p>
							<p class = "item-btn">
								<a class = "add-cart" href="#">加入购物车</a>
							</p>
						</li>
						<li class = "goods-item">
							<p class = "item-img">
								<a href="#">
									<img src="../img/cartimg/focus3.jpg"/>
								</a>
							</p>
							<p class = "item-title">
								<a href="#">现代简约 咖啡色 真皮 沙发组合（1+1（双扶手）+3+贵）坐下左</a>
							</p>
							<p class = "item-price">¥19793.00</p>
							<p class = "item-btn">
								<a class = "add-cart" href="#">加入购物车</a>
							</p>
						</li>
						<li class = "goods-item">
							<p class = "item-img">
								<a href="#">
									<img src="../img/cartimg/focus4.jpg"/>
								</a>
							</p>
							<p class = "item-title">
								<a href="#">现代简约 咖啡色 真皮 沙发组合（1+1（双扶手）+3+贵）坐下左</a>
							</p>
							<p class = "item-price">¥19793.00</p>
							<p class = "item-btn">
								<a class = "add-cart" href="#">加入购物车</a>
							</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--底部通用部分-->
		<footer class = "common-footer-container">
			<ul class = "advantage">
				<li class = "item">
					<a href="#">
						<i class = "icon-26year"></i>
						<span>26年匠心打造</span>
					</a>
				</li>
				<li class = "item">
					<a href="#">
						<i class = "icon-3a"></i>
						<span>AAA诚信企业</span>
					</a>
				</li>
				<li class = "item">
					<a href="#">
						<i class = "icon-7day"></i>
						<span>7天无理由退换货</span>
					</a>
				</li>
				<li class = "item">
					<a href="#">
						<i class = "icon-much"></i>
						<span>多仓直发极速达</span>
					</a>
				</li>
			</ul>
			<div class="friendship">
				<div class="link">
					<a class = "item" href="#">关于我们</a>
					<i>|</i>
					<a class = "item" href="#">帮助中心</a>
				</div>
				<p class = "copyright">©COPYRIGHT 2017 KINHOM.COM ALL RIGHTS RESERVED. 粤ICP备12018989号</p>
			</div>
		</footer>
	</body>
</html>
